@import '@/assets/scss/var.scss';

.text-right {
    text-align: right;
}
.color-blue{
    color: #1890ff;
    cursor: pointer;
}

.send-tabs{
    height: calc(100% - 160px);
    background: $--background-color-white;
    .ant-table-wrapper{
        position: relative;
        // height: calc(100% - 195px);
        // overflow-y: scroll;
        .ant-table-body{
            position: fixed;
            width: 100%;
            height: calc(100% - 194px);
            overflow-y: scroll;
            background: $--background-color-white;
        }
    }
    .send-container{
        overflow-y: scroll;
        max-height: calc(100% - 120px);
        .send-row{
            border-bottom:1px solid $--border-color;
            .send-col{
                border-top:1px solid $--border-color;
                padding: 20px;
                .ant-card-head{
                    padding: 10px;
                    font-size:  14px;
                    font-weight: normal;
                    line-height: 50px;
                    .card-user-img{
                        width:50px;
                        height:50px;
                        line-height: 46px;
                        border:1px solid $--border-color;
                        border-radius: 50%;
                        margin-right: 20px;
                        text-align: center;
                        img {
                            width: 40px;
                            border-radius: 50%;
                        }
                    }
                    .ant-card-head-title, .ant-card-extra{
                        padding: 0px;
                    }
                }
                .ant-card-body{
                    padding: 0px;
                    .send-card-body-t-row{
                        border-bottom: 1px solid $--border-color;
                    }
                    .send-card-body-l-col{
                        border-right: 1px solid $--border-color;
                        padding: 10px;
                        text-align: center;
                        width: 40px;
                    }
                    .send-card-body-r-col{
                        text-align: left;
                        padding: 10px;
                        div{
                            display: flex;
                            flex-direction: row;
                            flex-wrap: nowrap;
                            .text-overflow{
                                cursor: pointer;
                                display: inline-block;
                                white-space: nowrap;
                                overflow: hidden;
                                text-overflow: ellipsis;
                                vertical-align: top;
                                max-width: 300px;
                            }
                        }
                    }
                    .send-card-body-right{
                        text-align: left;
                        position: absolute;
                        right: 0;
                        height: 100%;
                        border-left: 1px solid $--border-color;
                        padding: 60px 10px;
                    }
                }
            }
            .send-col:nth-child(2n-1){
                border-right:1px solid $--border-color;
            }
        }
    }
}